<template>
    <h2>会员信息加载</h2>
    <table border="1">
        <thead>
            <tr>
                <td>会员编号</td>
                <td>会员姓名</td>
                <td>会员密码</td>
                <td>会员创建时间</td>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in info" >
                <td>{{item.mId}}</td>
                <td>{{ item.mName }}</td>
                <td>{{ item.pwd }}</td>
                <td>{{ item.createTime }}</td>
            </tr>
        </tbody>
    </table>
</template>

<script setup lang="ts">
    import axios from 'axios';
    import {onMounted,ref} from 'vue'
    const info=ref([{
        mId:"",
        mName:"",
        pwd:"",
        createTime:""
    }]);


    onMounted(()=>{
      axios.get('https://localhost:7234/api/MemberContorller/MemberShow')
    .then(res=>{
        info.value=res.data;
       
    })
    .catch(error=>{
        console.log(error);
    })
   
    })


</script>